﻿@page "/sidebar/sidebar-with-listview"

@using Syncfusion.Blazor.Navigations

@inherits SampleBaseComponent


<SampleDescription>
    <p>Click the button to view the Sidebar sample in new tab.</p>
</SampleDescription>
<ActionDescription>
    <p>In this sample, the ListView component is placed inside the Sidebar for navigation.</p>
</ActionDescription>

<div class="control-section">
    <!-- sample level element  -->
    <div class="col-lg-12 col-sm-12 col-md-12 center">
        Click/Touch the button to view the sample
    </div>
    <div class="col-lg-12 col-sm-12 col-md-12 center">
        <a class="e-btn" id="newTab" href="sidebar/sidebar-list" target="_blank">Open in new tab</a>
    </div>
</div>

<style>
    .center {
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        margin-top: 20px;
    }
</style>
